<template>
    <div class="mmv-op-list">
        <template v-for="card in list">
            <mmvOpCard :card="card" :key="card.post_id" class="mmv-op-list__card"></mmvOpCard>
        </template>
    </div>
</template>

<script>
import mmvOpCard from "@/components/mmv-op-card.vue";

export default {
    components: {
        mmvOpCard,
    },
    props: {
        list: {
            type: Array,
            default: () => [],
        },
    },
};
</script>

<style lang="less">
.mmv-op-list {
    padding-bottom: 10px;
    &__card {
        & + & {
            margin-top: 15px;
        }
    }
}
</style>